<div data-pane="note" class="note-pane js-sidebar-pane ps-container" style="display: block;">
<div class="note-pane-body js-sidebar-pane-body">
  <form id="task-note-plugin-form" method="post" action="/save_biji" enctype="multipart/form-data">
    <div class="form-group note-content">
     <div class="controls">
        <textarea class="form-control" id="note-content-field" name="content" style="height: 150px;display: block;padding: 16px 20px;margin-bottom: 12px;"></textarea></div>
     </div>
    
     <div style="height:34px;width:100%;">
       <fieldset class="starability-grow"> 
	<input type="radio" id="rate5-3" name="rating" value="5" />
	<label for="rate5-3" title="Amazing">5 stars</label>
	<input type="radio" id="rate4-3" name="rating" value="4" />
	<label for="rate4-3" title="Very good">4 stars</label>
	<input type="radio" id="rate3-3" name="rating" value="3" />
	<label for="rate3-3" title="Average">3 stars</label>
	<input type="radio" id="rate2-3" name="rating" value="2" />
	<label for="rate2-3" title="Not good">2 stars</label>
	<input type="radio" id="rate1-3" name="rating" value="1" />
	<label for="rate1-3" title="Terrible">1 star</label>
       </fieldset>
     </div>
      <div style="height:10px;width:100%">
        
      </div>
     <div id="preview" align="center">
      <div style="height:90px;width:90px; border:1px solid #D0EEFF;">
  
      </div>
      <div style="height:4px;width:100%">
        
      </div>
      <a href="javascript:;" class="file">上传照片
        <input name="file" accept="image/*" id="file" value="" type="file" >
      </a>
    </div>
    <script type="text/javascript">
            var preview = document.querySelector('#preview');
            var eleFile = document.querySelector('#file');
            eleFile.addEventListener('change', function() {
                var file = this.files[0];                
                // 确认选择的文件是图片                
                if(file.type.indexOf("image") == 0) {
                    var reader = new FileReader();
                    reader.readAsDataURL(file);                    
                    reader.onload = function(e) {
                        // 图片base64化
                        var newUrl = this.result;
                        preview.style.backgroundImage = 'url(' + newUrl + ')';
                    };
                }
            });
     </script>
    <div style="height:5px;width:100%">
        
    </div>
</div>
    <input type="hidden" value="${xilieid}" name="xilieid">
    <input type="hidden" value="${shipinid}" name="shipinid">
    <div style="height:100px;width:100%;text-align:center;padding-top:20px;">
      <button id="note-save-btn" class="cssbutton">保存笔记</button>
    </div>
  </form>
</div>